page{
  //这个值要和图标的高保持一致
  padding-bottom: 90rpx;
  background-color: rgb(243, 239, 239);
}

.detail_swiper{
  swiper{
      height:65vw;
      text-align: center;
      image{
          // width: 60%;
          height: 100%;
          width: 100%;
      }
  }
}

.goods_price{
  background-color: #fff;
  padding: 20rpx 0 0 20rpx;
  font-size: 32rpx;
  font-weight: 600;
  color:var(--themeColor);
  .coupon_data{
      background-color: rgb(248, 231, 231);
      color: red;
      font-size: 25rpx;
      justify-content: center;
      text-align: center;
      padding: 5rpx;
      width: 34%;
      margin:15rpx 0 0 15rpx;
  }
}

.goods_name_row{
  display: flex;
  // border-top: 5rpx solid #000;
  border-bottom: 5rpx solid  #dedede;
  padding: 5rpx 0;
  background-color: #fff;
  .goods_name{
      color: #000;
      font-size: 28rpx;
      font-weight: 600;
      margin: 15rpx;
      padding: 0 20rpx;

      // 为防止名称太长，设置太长为省略号
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  // .goods_collect{
  //     flex: 1;
  //     display: flex;
  //     flex-direction: column;
  //     justify-content: center;
  //     align-items: center;
  //     border-left: 1rpx solid #000;
  //     .iconfont{}
  //     .icon-shoucang1{
  //         color: orangered;
  //     }
  //     .collect_text{}
  // }
}

// .goods_info{
//     .goods_info_title{
//         font-size: 32rpx;
//         color: var(--themeColor);
//         font-weight: 600;
//         padding: 20rpx;

//     }
//     .goods_info_content{}
// }

.evaluate_row{
  background-color: #fff;
  margin-top: 10rpx;
  padding: 20rpx;
  border-radius: 20rpx;

  .evaluate_title{
      font-size: 30rpx;
      font-weight: 700;
      padding-bottom:10rpx ;
  }
  .evaluate_tab{
      display: flex;
      // flex-direction: column;
      .evaluate_sort{
          padding: 10rpx;
          border-radius: 20rpx;
          margin: 10rpx 10rpx 10rpx 0;
          // width: 33%;
          background-color: rgb(250, 232, 232);
          justify-content: center;
          text-align: center;
          font-size: 25rpx;
      }
  }
  .evaluate_item{
      padding: 20rpx 0;
      .evaluate_userInfo{
          display: flex;
          justify-content: space-between;
          padding: 10rpx;
          font-size: 25rpx;
          .name{}
          .date{
              color: rgb(124, 124, 124);
          }
      }
      .content{
      // 为防止名称太长，设置太长为省略号
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      }
  }
}

.specification{
  margin: 20rpx 0 20rpx 0;
  padding: 20rpx;
  border-radius: 20rpx;
  background-color: #fff;
  color: rgb(110, 110, 110);
  .item{
      display: flex;
      justify-content: space-between;
      align-items: center;

      .text{}
      .icon_right{
          width: 60rpx;
          height: 60rpx;
      }
  }
}

.btm_tool{
  border-top:1rpx solid #ccc;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height:90rpx ;
  background-color: #fff;
  display: flex;
  // margin-left: 20rpx;
  .cart_num_tool {
      display: flex;
      flex: 2;
      justify-content: center;
      align-items: center;
      margin-left: 10rpx;
      .num_edit {
          width: 45rpx;
          height: 45rpx;
          font-size: 40rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1rpx solid rgb(156, 156, 156);
          color: rgb(156, 156, 156);
          border-radius: 50%;
      }

      .goods_num {
          width: 55rpx;
          height: 55rpx;
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }

  .tool_item{
      flex:1;
      display: flex;
      // flex-direction: column;
      justify-content: center;
      align-items: center;
      .icon_like{
          width: 45rpx;
          height: 45rpx;
      }

      // position: relative;
      // button{
      //     position: absolute;
      //     top:0;
      //     left:0;
      //     width: 100%;
      //     height: 100%;
      //     opacity: 0;  //透明度
      // }
  }
  .btn_cart{
      flex: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #ffa500;
      color: #fff;
      font-size: 30rpx;
      font-weight: 600;
  }
  .total{
      flex: 2;
      display: flex;
      justify-content: center;
    //   text-align: right;
      align-items: center;
      font-size: 25rpx;
      .total_price{
          .total_price_text{
            color: red;
            font-weight: 600;
          }
      }
  }
  .btn_buy{
      flex: 2;
      // display: flex;
      // flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      background-color: #eb4450;
      color: #fff;
      font-size: 30rpx;
      font-weight: 600;
      margin: 10rpx;
      border-radius: 40rpx;
      padding: 10rpx;
  }
}
